import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

class AccountDetailCardItem extends StatefulWidget {
  @override
  _AccountDetailCardItemState createState() => _AccountDetailCardItemState();
}

class _AccountDetailCardItemState extends State<AccountDetailCardItem> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: ScreenUtil().setWidth(312),
      height: ScreenUtil().setWidth(102),
      decoration: BoxDecoration(
        color: Color(0xff41A5EE),
        borderRadius: BorderRadius.circular(5),
      ),
      child: Column(
        children: [
            SizedBox(height: ScreenUtil().setWidth(14),),
            Row(
              children: [
                SizedBox(width: ScreenUtil().setWidth(112),),
                Container(
                  width: ScreenUtil().setWidth(16),
                  height: ScreenUtil().setWidth(16),
                  child: Text("￥",style: TextStyle(fontSize: ScreenUtil().setSp(15),color: Colors.white),),
                ),
                Container(

                  child: Text("50.00",style: TextStyle(fontSize: ScreenUtil().setSp(25),color: Colors.white),),
                ),
              ],
            ),
          SizedBox(height: ScreenUtil().setWidth(10),),
          Stack(
            children: [
              Opacity(
                opacity: 0.29,
                child:Container(
                  width: ScreenUtil().setWidth(340),
                  height: ScreenUtil().setWidth(27),
                  color:Colors.white ,
                ),
              ),
              Positioned(
                  left: 0,
                  top: ScreenUtil().setWidth(5),
                  child: Container(
                    child:Row(
                      children: [
                        SizedBox(
                          width: ScreenUtil().setWidth(21),
                        ),
                        Container(
                          height: ScreenUtil().setWidth(24),
                          child:Text("子账户类型：活期",style: TextStyle(fontSize:ScreenUtil().setSp(12),color: Colors.white),) ,
                        ),
                        SizedBox(
                          width: ScreenUtil().setWidth(67),
                        ),
                        Container(
                          height: ScreenUtil().setWidth(24),
                          child:Text("子账户存期：活期",style: TextStyle(fontSize:ScreenUtil().setSp(12),color: Colors.white),) ,
                        ),
                      ],
                    ) ,
                  )
              ),
              
            ],
          )

        ],
      ),
    );
  }
}
